<template>
	<ve-dialog width="750px" title="批量修改试题" :show.sync="isShow">
		<div v-if="editQuestionType !== 'parent'" class="log">
			<p class="title">
				<img class="title-icon" src="@rc/assets/images/icon-basic.png">基本信息
			</p>
			<div class="content">
				<select-groups-base
					ref="baseRef"
					:basic-info="basicInfo"
					:prop-list="['chapter', 'knowledgePoint','questionDeveloperId']"
					label-position="right"
					label-width="80px"
					teacher-avlstatus="Y"
					:chapter-multiple="true"
					:knowledge-multiple="true"
				/>
			</div>
		</div>
		<div class="log">
			<p class="title">
				<img class="title-icon" src="@rc/assets/images/icon-tag.png">标签信息
			</p>
			<div class="content">
				<select-groups-tag
					ref="tagRef"
					label-position="right"
					label-width="80px"
					:area-multiple="true"
					:tag-info="tagInfo"
					:label-name-list="editQuestionType === 'parent' ? ['试题分类', '适用范围'] : []"
					:disable-prop-list="editQuestionType === 'child' ? ['试题年份','所属地区','试题分类', '适用范围'] : []"
				/>
			</div>
		</div>
		<template #footer>
			<el-button @click="isShow = false">取 消</el-button>
			<el-button type="primary" :loading="isLoading" @click="onConfirm">确 定</el-button>
		</template>
	</ve-dialog>
</template>

<script src="./edit-dialog.mjs"></script>

<style lang="less" scoped>
	.log {
		margin: 0 20px;
		.title {
			height: 40px;
			line-height: 40px;
			display: flex;
			align-items: center;
			font-weight: bold;
			.title-icon {
				width: 20px;
				height: 20px;
				margin-right: 6px;
			}
		}
		.content {
			padding: 10px 10px;
		}
	}
</style>
